<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>smart</title>
    <link rel="stylesheet" href="../../../assets/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="../css/lib/bootstrap-table.min.css" type="text/css">
    <link rel="stylesheet" href="../css/lib/bootstrap-datetimepicker.min.css" type="text/css">
    <link rel="stylesheet" href="../../css/base/base.css">
    <link rel="stylesheet" href="css/headBase.css">
    <link rel="stylesheet" href="css/planBase.css">
    <link rel="stylesheet" href="${frames}/Chronic/css/ChronicBaseIndex.css">
    <link rel="stylesheet" href="css/smart.css">
    <script src="../../../assets/js/jquery-1.9.1.min.js"></script>
    <script src="../../../assets/js/bootstrap.min.js"></script>
    <script src="../js/lib/bootstrap-table.js"></script>
    <script src="../js/lib/bootstrap-table-zh-CN.js"></script>
    <script src="laydate/laydate.js"></script>

</head>
<body>
<div class="wrap">
    <div class="header">
            <span class="logo">
                <img src="ChronicImg/logo.png" alt="美康医卫士">
            </span>
        <div class="loginUser">
            <span class="loginU">登录用户:</span>
            <span class="name">刘志峰</span>
        </div>
    </div>
    <div class="content">
        <div class="datepicker">
            <label>日期：</label>
            <input type="text"  class="lay-date" placeholder="选择日期" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" readonly>
            &emsp;到&emsp;
            <input type="text"  class="lay-date" placeholder="选择日期" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" readonly>
            <button class="btn btn-primary">查询</button>
        </div>
        <div class="lineTable" >
            <table class="abnormalList"
                   data-toggle="table"
                   data-url="data/data1.json"
                   data-pagination="true"
            >
                <thead>
                <tr>
                    <th data-field="name">姓名</th>
                    <th data-field="sex">时间</th>
                    <th data-field="age">类型</th>
                    <th data-field="doctor">控制目标</th>
                    <th data-field="abnormal">异常值</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>

</div>
<script>
    function operateFormatter(value, row, index) {
        console.log(row.age);
        if(row.age > 21){
            return [
                '<img src="ChronicImg/up.png" alt="">'
            ].join('');
        }else{
            return [
                '<img src="ChronicImg/down.png" alt="">'
            ].join('');
        }

    }
</script>
</body>
</html>